<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>HSE统计-门户</title>
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/material-teal/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/icon.css">
    <script type="text/javascript" src="../../easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../../easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../easyui/locale/easyui-lang-zh_CN.js"></script>
    <!-- Resources -->
    <script type="text/javascript" src="../../web/amcharts/amcharts.js"></script>
    <script type="text/javascript" src="../../web/echart/dist4.7/echarts.js"></script>
    <script type="text/javascript" src="../../web/echart/dist4.7/echarts.min.js"></script>
    <script src="../../web/JS/common.js"></script>
    <script src="../../web/JS/URLRooter.js"></script>
    <script src="Hse_report.js"></script>
    <style>
        .labelstyleTitle {
            font-size: 15px;
            color: red;
            padding: 5px;
        }

        .labelstyle {
            /* font-size: 15px; */
            color: black;
            text-decoration: none;
            padding: 4px;
        }

        .labelstyleChoose {
            /* font-size: 15px; */
            color: #027DB4;
            text-decoration: none;
            padding: 4px;
        }

        .chartdiv {
            width: 100%;
            height: 220px;
        }

        .labeldiv {
            /* border-bottom-color: #c3c3c3;
            border-width: 1px; */
            border-bottom: 1px solid #c3c3c3;
            height: 70px;
            text-align: justify;
            padding-top: 40px;
        }
    </style>
</head>

<body style="display: flex;flex-direction: column;">
    <div style="flex: 20%;display: flex;flex-direction: row;">
        <div style="flex: 50%;">
            安全连续生产天数 <label class="labelstyleTitle" id="Lab_DayCount">1</label>天
        </div>
        <div style="flex: 50%;">
            安全连续生产工时<label class="labelstyleTitle" id="Lab_HourCount">2</label> h
        </div>
    </div>
    <div style="flex: 80%;display: flex;flex-direction: column;padding: 10px;">
        <div style="flex: 20%;display: flex;flex-direction: column;">
            <div style="flex: 3;text-align: right;">
                <input class="easyui-datebox" label="" labelPosition="top" data-options="prompt:'开始时间'"
                    style="width:40%;">至
                <input class="easyui-datebox" label="" labelPosition="top" data-options="prompt:'结束时间'"
                    style="width:40%;">
            </div>
            <div style="flex: 2;text-align: right;padding-top: 10px;">
                <a href="#" class="labelstyle" id="lab_1" onclick="choose('week')">本周</a>
                <a href="#" class="labelstyle" id="lab_2" onclick="choose('month')">本月</a>
                <a href="#" class="labelstyle" id="lab_3" onclick="choose('year')">全年</a>
            </div>
        </div>
        <div id="div_label" style="flex: 80%;display: flex;flex-direction: column;">
            <div style="flex:1;display: flex;flex-direction: row;">
                <div style="flex:1;display: flex;flex-direction: row;" class="labeldiv">
                    <div style="flex:2;">职业病</div>
                    <div style="flex:1;" id="lab_Industrial_Disease_Qty">1</div>
                </div>
                <div style="flex:1;display: flex;flex-direction: row;" class="labeldiv">
                    <div style="flex:2;">轻/微伤 </div>
                    <div style="flex:1;" id="lab_Microtrauma_Qty">1</div>
                </div>
                <div style="flex:1;display: flex;flex-direction: row;" class="labeldiv">
                    <div style="flex:2;">损失工作日</div>
                    <div style="flex:1;" id="lab_Loss_Work_Days_Qty">1</div>
                </div>
                <div style="flex:1;display: flex;flex-direction: row;" class="labeldiv">
                    <div style="flex:2;">重伤</div>
                    <div style="flex:1;" id="lab_Severe_Wound_Qty">1</div>
                </div>
            </div>
            <div style="flex:1;display: flex;flex-direction: row;">
                <div style="flex:1;display: flex;flex-direction: row;" class="labeldiv">
                    <div style="flex:2;">事故
                    </div>
                    <div style="flex:1;" id="lab_Accident_Qty">1</div>
                </div>
                <div style="flex:1;display: flex;flex-direction: row;" class="labeldiv">
                    <div style="flex:2;">(责任
                        <label style="padding: 4px;" id="lab_Duty_Accident_Qty">2</label>
                        非责任
                        <label style="padding: 4px;" id="Lab_NoDuty_Accident_Qty">2</label>
                        )
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>